/*首屏动画*/

.inbanner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	transition: all 0.3s;
	left: 0;
}

.inbanner .swiper-container {
	z-index: 2;
}

.inbanner li {
	/*cursor: -webkit-grab;*/
	cursor: move;
}

.inbanner .textbox {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;
	opacity: 1;
}

.inbanner .textbox * {
	transition: all 0.6s;
	/*transform: translateY(100%);*/
	opacity: 0;
}
.inbanner .textbox .lbx1{
	position: absolute;
	width: 444px;
	height: 384px;
	top: 50%;
	margin-top: -132px;
	left: 50%;
	margin-left: -222px;
	background: url(../images/6bx1.png) center no-repeat;
	background-size: cover ;
	transition: all 0.8s;
	transform: scale(0.5);
	display: inline-block;
}
.inbanner .textbox .lbx2{
	position: absolute;
	width: 385px;
	height: 444px;
	top: 50%;
	margin-top: -162px;
	left: 50%;
	margin-left: -192px;
	background: url(../images/6bx2.png) center no-repeat;
	background-size: cover ;
	transition: all 0.8s;
	transform: scale(2);
	display: inline-block;
}
.inbanner .textbox .zhujiu{
	position: absolute;
	width: 119px;
	height: 121px;
	top: 50%;
	margin-top: -50px;
	left: 50%;
	margin-left: -60px;
	background: url(../images/tu-01.png) center no-repeat;
	background-size: cover ;
	transition: all 0.8s;
	transform: scale(1.5);
	display: inline-block;
	transition-delay: 0.3S;
	z-index: 100;
}
.inbanner .textbox h1 {
	position: absolute;
	width: 100%;
	height: 30px;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	color: #c00;
	left: 0;
	top: 50%;
	margin-top: 105px;
	transition: all 0.8s;
	transform: scale(0.5);
	display: inline-block;
	transition-delay: 0.5S;
}
.inbanner .textbox h2 {
	position: absolute;
	width: 100%;
	height: 20px;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	color: #555;
	left: 0;
	top: 50%;
	margin-top: 140px;
	transition: all 0.8s;
	transform: translateY(100%);
	display: inline-block;
	transition-delay: 0.6S;
}
.inbanner .textbox h3 {
	position: absolute;
	width: 100%;
	height: 20px;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	color: #555;
	left: 0;
	top: 50%;
	margin-top: 160px;
	transition: all 0.8s;
	transform: translateY(100%);
	display: inline-block;
	transition-delay: 0.7S;
}
.inbanner .textbox .shuline{
	position:absolute;
	width: 2px;
	height: 40px;
	background: #c00;
	top: 50%;
	left: 50%;
	margin-left: -1px;
}
.inbanner .textbox .up{
	margin-top: -110px;
	transition: all 0.8s;
	transform: translateY(100%);
	display: inline-block;
	transition-delay: 0.7S;
}
.inbanner .textbox .down{
	margin-top: 195px;
	transition: all 0.8s;
	transform: translateY(-100%);
	display: inline-block;
	transition-delay: 0.7S;
}
.inbanner .textbox .hxty{
	position: absolute;
	width: 300px;
	height: 79px;
	left: 50%;
	margin-left: -150px;
	top: 50%;
	margin-top: -120px;
	background: url(../images/tu-02.png) left center no-repeat;
	background-size:auto 100%;
	transition: all 0.8s;
	display: inline-block;
}
.inbanner .textbox .bar2{
	transform: translateX(-50%);
}
.inbanner .textbox .bar3{
	transform: scale(1.5);
}

.inbanner .textbox .xongying{
	position: absolute;
	width: 320px;
	height: 220px;
	top: 50%;
	margin-top: -220px;
	right: 10%;
	margin-right: -120px;
	background: url(../images/tu-03.png) left center no-repeat;
	background-size:auto 100%;
	transition: all 0.8s;
	transform: translateX(100%);
	display: inline-block;
}
.inbanner .textbox h4{
	position: absolute;
	width: 220px;
	height: 20px;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	left: 50%;
	margin-left: -25px;
	top: 50%;
	margin-top: -60px;
	letter-spacing: 1px;
	text-align: left;
	transition: all 0.8s;
	transform: translateX(100%);
	display: inline-block;
	transition-delay: 0.2S;
}
.inbanner .textbox .lined{
	position:absolute;
	width: 370px;
	height: 8px;
	background: url(../images/line.png) right center no-repeat;
	top: 50%;
	margin-top: -38px;
	left: 50%;
	margin-left: -150px;
	transition: all 0.8s;
	transform: translateX(-50%);
	display: inline-block;
	transition-delay: 0.2S;
}

.inbanner .textbox h5{
	position:absolute;
	width: 400px;
	height: 20px;
	font-family:arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -150px;
	transition: all 0.8s;
	transform: translateY(200%);
	display: inline-block;
	transition-delay: 0.3S;
	text-align: left;
}
.inbanner .textbox h6{
	position:absolute;
	width: 370px;
	height: 20px;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	top: 50%;
	margin-top: -5px;
	left: 50%;
	margin-left: -150px;
	transition: all 0.8s;
	transform: translateY(200%);
	display: inline-block;
	transition-delay: 0.4S;
	text-align: left;
}
.inbanner .textbox h7{
	position:absolute;
	width: 370px;
	height: 70px;
	font-weight: normal;
	font-size: 55px;
	line-height: 70px;
	color: rgba(255,255,255,.7);
	top: 50%;
	margin-top: 50px;
	left: 50%;
	margin-left: -225px;
	transition: all 0.8s;
	transform: scale(0.5);
	display: inline-block;
	transition-delay: 0.4S;
}
.inbanner .textbox h8{
	position:absolute;
	width: 370px;
	height: 70px;
	font-weight: normal;
	font-size: 55px;
	line-height: 70px;
	color: rgba(255,255,255,.8);
	top: 50%;
	margin-top: 20px;
	left: 50%;
	margin-left: -225px;
	transition: all 0.8s;
	transform: scale(0.5);
	display: inline-block;
	transition-delay: 0.4S;
}




.inbanner .textbox em {
	font-family: arial;
	line-height: 1.2em;
	color: #00b49d;
	transition-delay: 0.8s;
	padding: 5px 20px;
	background: rgba(255, 255, 255, 0.7)
}

.inbanner li.on .textbox {
	border-color: #fff;
}

.inbanner li.on .textbox * {
	transform: translateY(0);
	opacity: 1;
}

.inbanner .banner_page {
	bottom: 15px;
	z-index: 99;
	width: 100%;
}

.inbanner .banner_page span {
	background: #fff;
	opacity: 0.3;
	width: 6px;
	height: 6px;
	position: relative;
	z-index: 1000;
	margin: 0 3px;
	border-radius: 3px;
	transition: all 0.3s;
}

.inbanner .banner_page span.swiper-pagination-bullet-active {
	opacity: 1;
	width: 12px;
	height: 6px;
}
.inbanner .ban01{
	background:url(../images/banner01.jpg) center no-repeat;
	background-size:cover ;
}
.inbanner .ban02{
	background:url(../images/banner02.jpg) center no-repeat;
	background-size:cover ;
}
.inbanner .ban03{
	background:url(../images/banner03.jpg) center no-repeat;
	background-size:cover ;
}

.bigcen{
	position: relative;
	width: 100%;
	top: 100%;
	left: 0;
	overflow: hidden;
	transition: all 0.3s;
}

/*关于我们样式*/
.inabout {
	position: relative;
	width: 100%;
	height: 675px;
	background: url(../images/about-bg.jpg) center no-repeat;
	background-size: cover;
}
.inabout .inbox {
	position: relative;
	width: 95%;
	max-width: 1350px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	
}
.inabout .inbox .rightbg{
	position: absolute;
	width: 65%;
	height: 430px;
	top: 50%;
	margin-top: -188px;
	right: -300px;
	background: rgba(255,255,255,.4);
	z-index: 1;
	transition: all 0.6s;
	opacity: 0;
}
.inabout .inbox .rightbg.active{
	opacity: 1;
	right: 0;
}
.inabout .inbox .hy-z{
	position: absolute;
	width: 53%;
	height: 65px;
	font-size: 65px;
	line-height: 65px;
	top: 50%;
	margin-top: -296px;
	right: 8px;
	text-align: left;
	color: rgba(255,255,255,.4);
	z-index: 2;
	transition: all 0.6s;
	opacity: 0;
}
.inabout .inbox .hy-z.active{
	margin-top: -246px;
	opacity: 1;
}
.inabout .inbox .title01{
	position: absolute;
	width: 53%;
	height: 30px;
	font-size: 28px;
	line-height: 30px;
	top: 50%;
	margin-top: -170px;
	right: -100px;
	text-align: left;
	color: #A7A7A7;
	font-family: arial;
	z-index: 3;
	transition: all 0.6s;
	opacity: 0;
}
.inabout .inbox .title01.active{
	opacity: 1;
	right: 0;
}
.inabout .inbox .title01 span{
	color: #c00;
}
.inabout .inbox .title02{
	position: absolute;
	width: 53%;
	height: 20px;
	font-size: 18px;
	line-height: 20px;
	top: 50%;
	margin-top: -140px;
	right: 50px;
	text-align: left;
	color: #000;
	z-index: 3;
	transition: all 0.6s;
	transition-delay: 0.2S;
	opacity: 0;
}
.inabout .inbox .title02.active{
	opacity: 1;
	right: 0px;
}
.inabout .inbox .more{
	position: absolute;
	width: 86px;
	height: 20px;
	font-size: 12px;
	line-height: 22PX;
	color: #888;
	text-align: right;
	padding-right: 8PX;
	top: 50%;
	margin-top: -170px;
	right: 100px;
	background: url(../images/more-bg.png) center center no-repeat;
	transition: 0.2s;
	z-index: 3;
	cursor: pointer;
	transition: all 0.6s;
	transition-delay: 0.2S;
	opacity: 0;
}
.inabout .inbox .more.active{
	opacity: 1;
	right: 15px;
}
.inabout .inbox .more:hover{
	color: #c00;
}
.inabout .inbox .infobox{
	position: absolute;
	width: 53%;
	height: 180px;
	font-size: 14px;
	line-height: 30px;
	top: 50%;
	margin-top: -20px;
	right: 0;
	text-align: left;
	color: #888;
	z-index: 3;
	padding-right: 15px;
	overflow: hidden;
	display: -webkit-box;
	word-wrap: break-word;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	transition: all 0.8s;
	opacity: 0;
}
.inabout .inbox .infobox.active{
	opacity: 1;
	margin-top: -90px;
}
.inabout .inbox .abbtnbox{
	position: absolute;
	width: 53%;
	height: 70px;
	top: 50%;
	margin-top: 200px;
	right: 0;
	padding-right: 15px;
	border-left: 1px dashed rgba(0,0,0,.1);
	z-index: 5;
	transition: all 0.8s;
	opacity: 0;
}
.inabout .inbox .abbtnbox.active{
	opacity: 1;
	margin-top: 150px;
}
.inabout .inbox .abbtnbox .btn {
	position: relative;
	float: left;
	width: 16.5%;
	height: 100%;
	border-right: 1px dashed rgba(0,0,0,.1);
	transition: all 0.1s;
	text-align: center;
	cursor: pointer;
}
.inabout .inbox .abbtnbox .btn .zibox {
	position: absolute;
	width: 100%;
	height: 20px;
	top: 50%;
	margin-top: 20px;
	font-size: 14px;
	color: #666;
	text-align: center;
	opacity: 0;
	transition: all 0.2s;
}
.inabout .inbox .abbtnbox .btn:hover .zibox {
	margin-top: 12px;
	opacity: 1;
}
.inabout .inbox .abbtnbox .btn .icobox{
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 40px;
	width: 40px;
	overflow: hidden;
	margin-top: 15px;
}
.inabout .inbox .abbtnbox .btn:hover .icobox{
	margin-top: 5px;
}
.inabout .inbox .abbtnbox .btn .icon {
	display: block;
	position: relative;
	display: inline-block;
	height: 80px;
	width: 40px;
	z-index: 100;
	margin-top: 0px;
	overflow: hidden;
	box-sizing:content-box;
	-moz-box-sizing:content-box; /* Firefox */
	-webkit-box-sizing:content-box; /* Safari */
	transition: all 0.2s;
}
.inabout .inbox .abbtnbox .btn:hover .icon {
	margin-top: -20px;
}
.inabout .inbox .abbtnbox .btn .icon .icon {
	width: 40px;
	height: 40px;
	display: block;
	position: relative;
	top: 0px;
	border-bottom: 40px solid transparent;
	-webkit-filter: drop-shadow(#c00 0 40px );
	filter: drop-shadow(#c00 0 40px);
}
.inabout .inbox .abbtnbox .btn .icon .abbtn01{
	background: url(../images/ico/abioc01.png) center no-repeat; 
	background-size:auto 35px;
}
.inabout .inbox .abbtnbox .btn .icon .abbtn02{
	background: url(../images/ico/abioc02.png) center no-repeat; 
	background-size:35px 35px;
}
.inabout .inbox .abbtnbox .btn .icon .abbtn03{
	background: url(../images/ico/abioc03.png) center no-repeat; 
	background-size:auto 35px;
}
.inabout .inbox .abbtnbox .btn .icon .abbtn04{
	background: url(../images/ico/abioc04.png) center no-repeat; 
	background-size:auto 35px;
}
.inabout .inbox .abbtnbox .btn .icon .abbtn05{
	background: url(../images/ico/abioc05.png) center no-repeat; 
	background-size:auto 35px;
}
.inabout .inbox .abbtnbox .btn .icon .abbtn06{
	background: url(../images/ico/abioc06.png) center no-repeat; 
	background-size:auto 35px;
}

.inabout .inbox .videobox{
	position: absolute;
	width: 41%;
	height: 365px;
	top: 50%;
	margin-top: -240px;
	left: -200px;
	background: url(../images/viedo-bg.jpg) center no-repeat;
	background-size:cover ;
	z-index: 3;
	transition: all 0.6s;
	opacity: 0;
} 
.inabout .inbox .videobox.active{
	opacity: 1;
	left: 0;
}
.inabout .inbox .videobox .hsbg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	z-index: 1;
	padding: 15px;
}
.inabout .inbox .videobox .hsbg .bk{
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255,255,255,.2);
}
.inabout .inbox .videobox .video-bf{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	background: url(../images/bf.png) center center no-repeat;
	background-size:50px auto ;
	cursor: pointer;
	opacity: 0.8;
	transition: 0.2s;
}
.inabout .inbox .videobox .video-bf:hover{
	background: url(../images/bf.png) center center no-repeat;
	background-size:64px auto ;
	opacity: 1;
}
.inabout .inbox .shuzibox{
	position: absolute;
	width: 34.4%;
	height: 70px;
	top: 50%;
	margin-top: 170px;
	left: 0;
	transition: all 0.6s;
	opacity: 0;
}
.inabout .inbox .shuzibox.active{
	opacity: 1;
}
.inabout .inbox .shuzibox li{
	position: relative;
	float: left;
	width: 25%;
	text-align:center ;
}
.inabout .inbox .shuzibox li:first-child{
	margin-left: -5%;
}
.inabout .inbox .shuzibox li .sz{
	position: relative;
	width: 100%;
	height: 42px;
	font-size: 42px;
	line-height: 42px;
	text-align: center;
	font-family: ltxh;
}
.inabout .inbox .shuzibox li .hz{
	position: relative;
	width: 100%;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	color: #666;
	margin-top: -10px;
}
.inabout .inbox .shuzibox li .szc01{
	color: #c00;
}
.inabout .inbox .shuzibox li .szc02{
	color: #f60;
}
.inabout .inbox .shuzibox li .szc03{
	color: #0063af;
}
.inabout .inbox .shuzibox li .szc04{
	color: #060;
}



/*产业投资样式*/
.inchaye{
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
}
.inchaye .cenbox{
	position: relative;
	width: 95%;
	max-width: 1350px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
}
.inchaye .cenbox .title{
	position: absolute;
	width: 100%;
	height: 30px;
	top: 50%;
	margin-top: -325PX;
	text-align: center;
	font-size: 24px;
	color: #fff;
	transition: all 0.6s;
	opacity: 0;
}
.inchaye .cenbox .title.active{
	opacity: 1;
	margin-top: -285PX;
}
.inchaye .cenbox .title2{
	position: absolute;
	width: 100%;
	height: 30px;
	top: 50%;
	margin-top: -265PX;
	text-align: center;
	font-size: 24px;
	color: rgba(255,255,255,.3);
	transition: all 0.6s;
	transition-delay: 0.2s;
	opacity: 0;
}
.inchaye .cenbox .title2.active{
	opacity: 1;
	margin-top: -245PX;
}
.inchaye .cenbox .title3{
	position: absolute;
	width: 100%;
	height: 30px;
	top: 50%;
	margin-top: -205PX;
	text-align: center;
	font-size: 18px;
	color: rgba(255,255,255,1);
	transition: all 0.6s;
	opacity: 0;
}
.inchaye .cenbox .title3.active{
	opacity: 1;
	margin-top: -175PX;
}
.inchaye .cenbox .cyinfo{
	position: absolute;
	width: 100%;
	height: 90px;
	top: 50%;
	margin-top: -95PX;
	text-align: center;
	line-height: 30px;
	color: rgba(255,255,255,.9);
	transition: all 0.6s;
	opacity: 0;
}
.inchaye .cenbox .cyinfo.active{
	opacity: 1;
	margin-top: -135PX;
}
.inchaye .cenbox .line{
	position: absolute;
	width: 100%;
	height: 5px;
	top: 50%;
	margin-top: 15px;
}
.inchaye .cenbox .line .xian{
	position: absolute;
	width: 1px;
	height: 1px;
	top: 2px;
	background: rgba(255,255,255,.3);
	left: 50%;
	margin-left: 0px;
	transition: all 0.8s;
}
.inchaye .cenbox .line .xian.active{
	width: 100%;
	left: 50%;
	margin-left: -50%;
}
.inchaye .cenbox .line .yuan{
	position: absolute;
	width: 5px;
	height: 5px;
	left: 50%;
	margin-left: -2px;
	background: rgba(255,255,255,1);
	z-index: 10;
	border-radius: 50%;
	transition: all 0.6s;
	opacity: 0;
}
.inchaye .cenbox .line .yuan.active{
	opacity: 1;
}
.inchaye .cenbox .btnbox{
	position: absolute;
	width: 100%;
	height: 210px;
	top: 50%;
	margin-top: 0px;
	transition: all 0.6s;
	opacity: 0;
}
.inchaye .cenbox .btnbox.active{
	opacity: 1;
	margin-top: 65px;
}
.inchaye .cenbox .btnbox .btn {
	position: relative;
	float: left;
	width: 16.66%;
	height: 100%;
	transition: all 0.1s;
	text-align: center;
	cursor: pointer;
	transition: 0.3s;
}
.inchaye .cenbox .btnbox .btn:hover {
	background:rgba(255,255,255,.7);
}
.inchaye .cenbox .btnbox .btn .icobox{
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 50px;
	width: 70px;
	overflow: hidden;
	margin-top: 30px;
}

.inchaye .cenbox .btnbox .btn .icon {
	display: block;
	position: relative;
	display: inline-block;
	height: 100px;
	width: 70px;
	z-index: 100;
	margin-top: 0px;
	overflow: hidden;
	box-sizing:content-box;
	-moz-box-sizing:content-box; /* Firefox */
	-webkit-box-sizing:content-box; /* Safari */
	transition: all 0.2s;
}
.inchaye .cenbox .btnbox .btn:hover .icon {
	margin-top: -25px;
}
.inchaye .cenbox .btnbox .btn .icon .icon {
	width: 70px;
	height: 50px;
	display: block;
	position: relative;
	top: 0px;
	border-bottom: 50px solid transparent;
	-webkit-filter: drop-shadow(#c00 0 50px );
	filter: drop-shadow(#c00 0 50px);
}
.inchaye .cenbox .btnbox .btn .icon .i01 {
	background: url(../images/ico/jz.png)center center no-repeat; 
	background-size:auto 50px;
}
.inchaye .cenbox .btnbox .btn .icon .i02 {
	background: url(../images/ico/fc.png)center center no-repeat; 
	background-size:auto 50px;
}
.inchaye .cenbox .btnbox .btn .icon .i03 {
	background: url(../images/ico/ly.png)center center no-repeat; 
	background-size:auto 50px;
}
.inchaye .cenbox .btnbox .btn .icon .i04 {
	background: url(../images/ico/jr.png)center center no-repeat; 
	background-size:auto 50px;
}
.inchaye .cenbox .btnbox .btn .icon .i05 {
	background: url(../images/ico/tz.png)center center no-repeat; 
	background-size:auto 50px;
}
.inchaye .cenbox .btnbox .btn .icon .i06 {
	background: url(../images/ico/more.png)center center no-repeat; 
	background-size:auto 50px;
}
.inchaye .cenbox .btnbox .btn .icon .i07 {
	background: url(../images/ico/jc.png)center center no-repeat; 
	background-size:auto 50px;
}

.inchaye .cenbox .btnbox .btn h1{
	position: relative;
	width: 100%;
	height: 30px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	margin-top: 25px;
	transition: 0.3s;
}
.inchaye .cenbox .btnbox .btn:hover h1{
	color: #333;
}
.inchaye .cenbox .btnbox .btn h2{
	position: relative;
	width: 100%;
	height: 30px;
	font-size: 12px;
	text-align: center;
	font-family:arial;
	color: #fff;
	font-weight: normal;
}
.inchaye .cenbox .btnbox .btn:hover h2{
	color: #666;
}
.inchaye .cenbox .btnbox .btn h3{
	position: relative;
	width: 100%;
	height: 30px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	font-weight: normal;
}
.inchaye .cenbox .btnbox .btn:hover h3{
	color: #c00;
}
.inchaye .incybg{
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 900px;
	top:-92%;
	left: 0;
	background: url(../images/cy-bg.jpg) 80% 0 no-repeat;
	background-size:cover ;
}

/*新闻样式*/
.innews{
	position:relative;
	width: 100%;
	height: 650px;
	background: url(../images/news-bg.jpg) top center no-repeat;
	background-size:cover;
	z-index: 100;
}
.innews .inbox {
	position: relative;
	width: 95%;
	max-width: 1350px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
}
.innews .inbox .nwstitle{
	position: absolute;
	width: 100%;
	height: 35px;
	top: 50%;
	margin-top: -335px;
	font-size: 25px;
	line-height: 35px;
	color: #a7a7a7;
	text-align: center;
	vertical-align: top;
	transition: all 0.6s;
	opacity: 0;
}
.innews .inbox .nwstitle.active{
	opacity: 1;
	margin-top: -270px;
}
.innews .inbox .nwstitle span{
	color: #c00;
}
.innews .inbox .nwstitle p{
	font-size: 22px;
	color: #333;
	height: 35px;
}
.ksnews-box{
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	margin-top: -250px;
	margin-bottom: 25px;
	overflow: hidden;
	transition: 0.6s;
	opacity: 0;
}
.ksnews-box.active{
	margin-top: -180px;
	opacity: 1;
}
.ksnews-box li{
	position: relative;
	width: 25%;
	height: auto;
	float: left;
	margin: 0;
	padding: 20px;
	background: rgba(255,255,255,.0);
	cursor: pointer;
	transition: 0.3s;
}
.ksnews-box li:hover{
	background: rgba(255,255,255,.8);
}
.ksnews-box li .time-m{
	position: relative;
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-family: arial;
	font-size: 20px ;
	color: #777;
	text-align: left;
	transition:all 0.3s;
}
.ksnews-box li:hover .time-m{
	color: #c00;
}
.ksnews-box li .time-y{
	position: relative;
	width: 100%;
	height: 18px;
	line-height: 18px;
}
.ksnews-box li .time-y .year{
	float: left;
	width: auto;
	line-height: 18px;
	font-size: 13px ;
	color: #999;
	text-align: right;
}
.ksnews-box li .time-y .yright{
	float: left;
	width: 10px;
	height: 2px;
	background: #c00;
	margin: 10px 0px 0px 5px;
}
.ksnews-box li .newstitle{
	position: relative;
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	color: #666;
	margin-top: 0px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition:all 0.3s;
}
.ksnews-box li:hover .newstitle{
	color: #c00;
}
.ksnews-box li .newsinfo{
	height: 65px;
	line-height: 21px;
	font-size: 12px;
	color: #999;
	margin-top: 15px;
    overflow: hidden;
    transition:all 0.3s;
}
.ksnews-box li:hover .newsinfo{
	color: #666;
}
.ksnews-box li .newsinfo .imgbox{
    display: none;
    position: relative;
    float: left;
    width: 100px;
    height: 65px;
    margin-right: 10px;
    overflow: hidden;
}
.ksnews-box li .newsinfo .imgbox .img{
    position: absolute;
    width: 100%;
    height: 100%;
    transition:all 0.3s;
   -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.ksnews-box li:hover .newsinfo .imgbox .img{
    -webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.ksnews-box li .more{
    position: relative;
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	text-align: left;
	color: #999;
	margin-top: 10PX;
	transition:all 0.3s;
	text-align: left;
}
.ksnews-box li:hover .more{
	color: #c00;
}
.ksnews-box li .more span{
	color: #c00;
	font-size: 14px;
}
.ksnews-box li .newpicbox{
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}
.ksnews-box li .newpicbox .ppicbox{
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	transition: all 0.6s;
	opacity: 0;
}
.ksnews-box li .newpicbox .ppicbox.active{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1;
	/*-webkit-filter: grayscale(80%);
    filter: grayscale(80%)*/
}
.ksnews-box li:hover .newpicbox .ppicbox{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.innews .inbox .newsmorex{
	position: absolute;
	width: 86px;
	height: 20px;
	font-size: 12px;
	line-height: 22PX;
	color: #888;
	text-align: right;
	padding-right: 8PX;
	top: 50%;
	margin-top: 310px;
	left: 50%;
	margin-left: -43px;
	background: url(../images/more-bg.png) center center no-repeat;
	transition: 0.2s;
	z-index: 3;
	cursor: pointer;
	transition: all 0.6s;
	opacity: 0;
}
.innews .inbox .newsmorex.active{
	opacity: 1;
	margin-top: 240px;
}
.innews .inbox .newsmorex:hover{
	color: #c00;
}


/*鼠标图标*/
.mouse-icon {
	position: absolute;
	width: 23px;
	height: 45px;
	bottom: 35px;
	left: 50%;
	margin-left: -11px;
	z-index: 111;
	background: url(../images/mouse.png) center no-repeat;
	overflow: hidden;
	transition: 0.5s;
}
.mouse-icon span {
	display: block;
	width: 2px;
	height: 6px;
	position: absolute;
	background: #fff;
	left: 50%;
	margin-left: -1px;
	top: 10%;
	-webkit-animation: mouseShow 1s ease-out infinite;
	-o-animation: mouseShow 1s ease-out infinite;
	animation: mouseShow 1s ease-out infinite;
}

@-webkit-keyframes mouseShow {
	0% {
		top: 20%;
		opacity: 1;
	}
	100% {
		opacity: 0;
		top: 60%;
	}
}

@-o-keyframes mouseShow {
	0% {
		top: 20%;
		opacity: 1;
	}
	100% {
		top: 60%;
		opacity: 0;
	}
}

@-moz-keyframes mouseShow {
	0% {
		top: 20%;
		opacity: 1;
	}
	100% {
		top: 60%;
		opacity: 0;
	}
}

@keyframes mouseShow {
	0% {
		top: 20%;
		opacity: 1;
	}
	100% {
		top: 60%;
		opacity: 0;
	}
}

.fkmore {
	position: relative;
	width: 100px;
	height: 28px;
	line-height: 26px;
	border: 1px solid rgba(0, 0, 0, .2);
	background: url(../images/jt.png) 23px 8px no-repeat;
	color: rgba(255, 255, 255, .0);
	text-align: center;
	transition: all 0.3s;
	cursor: pointer;
}

.fkmore:hover {
	border: 1px solid #c4303e;
	background: #c4303e url(../images/jt.png) -100px 8px no-repeat;
	color: rgba(255, 255, 255, 1);
}
@media (max-width:1441px){
	.inbanner .textbox .lbx1 {
	    position: absolute;
	    width: 382px;
	    height: 330px;
	    top: 50%;
	    margin-top: -135px;
	    left: 50%;
	    margin-left: -191px;
	}
	.inbanner .textbox .lbx2 {
	    position: absolute;
	    width: 331px;
	    height: 382px;
	    top: 50%;
	    margin-top: -161px;
	    left: 50%;
	    margin-left: -165px;
	}
	.inbanner .textbox .zhujiu {
	    margin-top: -80px;
	}
	.inbanner .textbox h1 {
	    margin-top: 75px;
	}
	.inbanner .textbox h2 {
	    margin-top: 110px;
	}
	.inbanner .textbox h3 {
	    margin-top: 130px;
	}
	.inbanner .textbox .up {
	    margin-top: -140px;
	}
	.inbanner .textbox .down {
	    margin-top: 165px;
	}
	.inbanner .textbox h7,
	.inbanner .textbox h8 {
	    font-size: 45px;
	    margin-top: 20px;
	    margin-left: -245px;
	}

}
@media (max-width:1367px){
	.inbanner .textbox .lbx1 {
	    position: absolute;
	    width: 348px;
	    height: 300px;
	    top: 50%;
	    margin-top: -120px;
	    left: 50%;
	    margin-left: -174px;
	}
	.inbanner .textbox .lbx2 {
	    position: absolute;
	    width: 300px;
	    height: 348px;
	    top: 50%;
	    margin-top: -144px;
	    left: 50%;
	    margin-left: -150px;
	}
}

@media (max-width:1025px){
	.inbanner .textbox .xongying {
	    width: 250px;
	    height: 120px;
	}
	.inabout {
		height: 520px;
		background: url(../images/about-bg.jpg) center no-repeat;
		background-size: cover;
	}
	.inabout .inbox .hy-z {
	    font-size: 50px;
	    margin-top: -255px;
	}
	.inabout .inbox .hy-z.active{
	    margin-top: -225px;
	}
	.inabout .inbox .rightbg {
	    margin-top: -173px;
	    height: 370PX;
	}
	.inabout .inbox .title01 {
	    margin-top: -150px;
	}
	.inabout .inbox .title02 {
	    margin-top: -120px;
	}
	.inabout .inbox .more {
	    margin-top: -150px;
	}
	.inabout .inbox .infobox {
	    height: 150px;
	    font-size: 12px;
	    line-height: 25px;
	    margin-top: -80px;
	}
	.inabout .inbox .infobox {
	    height: 150px;
	    font-size: 12px;
	    line-height: 25px;
	    margin-top: -30px;
	}
	.inabout .inbox .infobox.active {
	    margin-top: -80px;
	}
	.inabout .inbox .abbtnbox.active{
		margin-top: 115px;
	}
	.inabout .inbox .abbtnbox .btn .zibox {
	    margin-top: 20px;
	    font-size: 12px;
	}
	.inabout .inbox .videobox {
	    height: 300px;
	    margin-top: -210px;
	}
	.inabout .inbox .shuzibox {
	    margin-top: 130px;
	}
	.inchaye .incybg {
	    min-height: 700px;
	}
	.inchaye {
	    height: 530px;
	}
	.inchaye .cenbox .title{
	    font-size: 22px;
	}
	.inchaye .cenbox .title.active{
	    margin-top: -220PX;
	    font-size: 22px;
	}
	.inchaye .cenbox .title2{
		font-size: 22px;
		margin-top: -220PX;
	}
	.inchaye .cenbox .title2.active {
		font-size: 22px;
    	margin-top: -190PX;
	}
	.inchaye .cenbox .title3.active {
	    margin-top: -130PX;
	}
	.inchaye .cenbox .cyinfo {
	    margin-top: -60PX;
	    font-size: 12px;
	}
	.inchaye .cenbox .cyinfo.active {
	    margin-top: -90PX;
	    font-size: 12px;
	}
	.inchaye .cenbox .line {
	    margin-top: 35px;
	}
	.inchaye .cenbox .btnbox {
	    height: 170px;
	    margin-top: 20px;
	}
	.inchaye .cenbox .btnbox.active{
	    margin-top: 60px;
	}
	.inchaye .cenbox .btnbox .btn .icobox {
	    margin-top: 20px;
	}
	.inchaye .cenbox .btnbox .btn h1 {
	    height: 25px;
	    font-size: 14px;
	    margin-top: 15px;
	}
	.inchaye .cenbox .btnbox .btn h2 {
	    height: 24px;
	}
	.inchaye .cenbox .btnbox .btn h3 {
	    height: 25px;
	}
	.innews {
	    height: 550px;
	}
	.innews .inbox {
	    width: 99%;
	}
	.innews .inbox .nwstitle {
	    height: 30px;
	    font-size: 20px;
	    margin-top: -285px;
	    opacity: 0;
	}
	.innews .inbox .nwstitle.active {
	    margin-top: -230px;
	}
	.innews .inbox .nwstitle p {
	    font-size: 22px;
	    color: #333;
	    height: 25px;
	}
	.ksnews-box.active {
	    margin-top: -150px;
	}
	.innews .inbox .newsmorex{
	    margin-top: 230px;
	}
	.innews .inbox .newsmorex.active {
	    opacity: 1;
	    margin-top: 200px;
	}
}
@media (max-width:800px){
	.inbanner .ban01{
		background:url(../images/wbanner01.jpg) center no-repeat;
		background-size:cover ;
	}
	.inbanner .ban02{
		background:url(../images/wbanner02.jpg) center no-repeat;
		background-size:cover ;
	}
	.inbanner .ban03{
		background:url(../images/wbanner03.jpg) center no-repeat;
		background-size:cover ;
	}
	.inabout .inbox .hy-z {
	    font-size: 40px;
	    margin-top: -245px;
	}
	.inabout .inbox .shuzibox li .sz {
	    font-size: 36px;
	}
	.inabout .inbox .shuzibox li .hz {
	    font-size: 12px;
	}
	.inabout .inbox .hy-z.active {
	    margin-top: -221px;
	}
	.inchaye .incybg {
	    min-height: 900px;
	    top: -120%;
	}
	.innews {
	        height: 530px;
	}
	.innews .inbox .nwstitle.active {
	       margin-top: -228px;
	}
	.ksnews-box.active {
	        margin-top: -145px;
	}
	.innews .inbox .newsmorex{
	    margin-top: 230px;
	}
	.innews .inbox .newsmorex.active {
	    margin-top: 200px;
	}
	.ksnews-box li {
	    width: 50%;
	    padding: 15px 10px;
	    border-bottom: 1px dashed rgba(0,0,0,.1);
	}
	.inbox .newsmorex {
	    margin-top: 400px;
	}
	.inbox .newsmorex.active {
	    margin-top: 450px;
	}
	.ksnews-box li .newsinfo .imgbox{
	    display: block;
	}
	.ksnews-box li .newpicbox{
		display: none;
	}
	.ksnews-box li .more {
	    position: absolute;
	    width: 50%;
	    height: 25px;
	    top: 0;
	    right: 0;
	    line-height: 25px;
	    font-size: 12px;
	    text-align: left;
	    color: #999;
	    margin-top: 10PX;
	    transition: all 0.3s;
	    text-align: right;
	    padding-right: 12px;
	}
}
@media (max-width:700px){
	
	.mouse-icon {
		width: 14px;
		height: 26px;
		bottom: 20px;
		margin-left: -7px;
		background: url(../images/mouse.png) center no-repeat;
		background-size:cover ;
	}
	.inbanner .banner_page {
		bottom: 5px;
	}
	.inbanner .banner_page span {
		width: 4px;
		height: 4px;
	}
	.inbanner .banner_page span.swiper-pagination-bullet-active {
		width: 10px;
		height: 4px;
	}
	.inbanner .textbox .lbx1 {
	    position: absolute;
	    width: 290px;
	    height: 251px;
	    top: 50%;
	    margin-top: -96px;
	    left: 50%;
	    margin-left: -145px;
	}
	.inbanner .textbox .lbx2 {
	    position: absolute;
	    width: 251px;
	    height: 290px;
	    top: 50%;
	    margin-top: -115px;
	    left: 50%;
	    margin-left: -125px;
	}
	.inbanner .textbox .zhujiu {
	    position: absolute;
	    width: 100px;
	    height: 100px;
	    margin-top: -60px;
	}
	.inbanner .textbox h1 {
	    font-size: 16px;
	    margin-top: 50px;
	}
	.inbanner .textbox h2 {
	    margin-top: 80px;
	}
	.inbanner .textbox h3 {
	    margin-top: 100px;
	}
	.inbanner .textbox .shuline {
	    height: 25px;
	}
	.inbanner .textbox .up {
	    margin-top: -105px;
	}
	.inbanner .textbox .down {
	    margin-top: 140px;
	}
	.inbanner .textbox .hxty {
	    position: absolute;
	    width: 240px;
	    height: 45px;
	    left: 50%;
	    margin-left: -120px;
	    top: 50%;
	    margin-top: -136px;
	}
	.inbanner .textbox h4 {
	    font-size: 12px;
	    margin-top: -103px;
	    margin-left: -48px;
	}
	.inbanner .textbox .xongying {
	    width: 200px;
	    height: 70px;
	    margin-top: -220px;
	    margin-right: -120px;
	}
	.inbanner .textbox .lined {
	    width: 280px;
	    margin-top: -85px;
	    margin-left: -122px;
	}
	.inbanner .textbox h5 {
	    width: 280px;
	    font-size: 12px;
	    margin-top: -80px;
	    margin-left: -120px;
	}
	.inbanner .textbox h6 {
	    width: 280px;
	    margin-top: -40px;
	    margin-left: -120px;
	}
	.inbanner .textbox h7, .inbanner .textbox h8 {
	    font-size: 25px;
	    margin-top: -35px;
	    margin-left: -257px;
	}
	.inabout {
	    height: 620px;
	    background: url(../images/about-bg.jpg) center right no-repeat;
    	background-size: cover;
	}
	.inabout .inbox .hy-z {
	    position: absolute;
	    width: 100%;
	    height: 35px;
	    font-size: 35px;
	    line-height: 35px;
	    top: 0;
	    margin-top: 0px;
	    right: 0px;
	    text-align: left;
	    color: rgba(255,255,255,.4);
	    z-index: 2;
	    transition: all 0.6s;
	    opacity: 0;
	    text-align: center;
	}
	.inabout .inbox .hy-z.active {
	    right: 0px;
	    opacity: 1;
	    margin-top: 27px;
	}
	.inabout .inbox .videobox {
	    width: 100%;
	    height: 180px;
	    margin-top: -230px;
	    left: 0;
	}
	.inabout .inbox .videobox.active {
	    margin-top: -247px;
    	left: 0;
	}
	.inabout .inbox .title01 {
	    width: 90%;
	    font-size: 22px;
	    margin-top: -40px;
	    color: #A7A7A7;
	}
	.inabout .inbox .title01.active {
	    opacity: 1;
	    right: 5%;
	}
	.inabout .inbox .title02 {
	    position: absolute;
	    width: 90%;
	  	margin-top: -10px;
	}
	.inabout .inbox .title02.active {
	    opacity: 1;
	    right: 5%;
	}
	.inabout .inbox .infobox{
		width: 90%;
		right: 5%;
		padding: 0px;
	}
	.inabout .inbox .infobox.active {
	    margin-top: 24px;
	}
	.inabout .inbox .shuzibox {
	    width: 95%;
	    top: 50%;
	    margin-top: 202px;
	    left: 5%;
	}
	.inabout .inbox .abbtnbox{
	    display: none;
	}
	.inabout .inbox .rightbg {
	    position: absolute;
	    width: 100%;
	    height: 240px;
	    top: 50%;
	    margin-top: -55px;
	    right: 0px;
	}
	.inabout .inbox .more {
	    margin-top: -40px;
	}
	
	.inchaye .cenbox .cyinfo{
		display: none;
	}
	.inchaye .cenbox .title3{
	   display: none;
	}
	.inchaye .cenbox .btnbox .btn {
	    width: 33.33%;
	    height: 100%;
	    margin:10px 0;
	}
	.inchaye .cenbox .btnbox.active {
	    margin-top: -130px;
	}	
	.inchaye .cenbox .btnbox .btn .icon .i01 {
		background: url(../images/ico/jz.png)center center no-repeat; 
		background-size:auto 40px;
	}
	.inchaye .cenbox .btnbox .btn .icon .i02 {
		background: url(../images/ico/fc.png)center center no-repeat; 
		background-size:auto 40px;
	}
	.inchaye .cenbox .btnbox .btn .icon .i03 {
		background: url(../images/ico/ly.png)center center no-repeat; 
		background-size:auto 40px;
	}
	.inchaye .cenbox .btnbox .btn .icon .i04 {
		background: url(../images/ico/jr.png)center center no-repeat; 
		background-size:auto 40px;
	}
	.inchaye .cenbox .btnbox .btn .icon .i05 {
		background: url(../images/ico/tz.png)center center no-repeat; 
		background-size:auto 40px;
	}
	.inchaye .cenbox .btnbox .btn .icon .i06 {
		background: url(../images/ico/more.png)center center no-repeat; 
		background-size:auto 40px;
	}
	.inchaye .cenbox .btnbox .btn h1 {
	    height: 25px;
	    font-size: 14px;
	    margin-top: 5px;
	}
	.inchaye .cenbox .line {
	    margin-top: 55px;
	}
	
	.innews {
	    height: 780px;
	}
	.innews .inbox .nwstitle {
	    height: 25px;
	    font-size: 16px;	
	}
	.innews .inbox .nwstitle p {
	    font-size: 20px;
	    color: #333;
	    height: 20px;
	}
	.ksnews-box {
	    margin-top: -400px;
	}
	.ksnews-box.active {
	    margin-top: -300px;
	}
	.innews .inbox .newsmorex{
	    margin-top: 380px;
	}
	.innews .inbox .newsmorex.active {
	    margin-top: 340px;
	}
	.innews .inbox .nwstitle {
	    margin-top: -420px;
	}
	.innews .inbox .nwstitle.active {
	    margin-top: -360px;
	}
	.ksnews-box li {
	    width: 100%;
	    padding: 15px 10px;
	    border-bottom: 1px dashed rgba(0,0,0,.1);
	}
	.inbox .newsmorex {
	    margin-top: 400px;
	}
	.inbox .newsmorex.active {
	    margin-top: 450px;
	}
	.ksnews-box li .newsinfo .imgbox{
	    display: block;
	}
	.ksnews-box li .newpicbox{
		display: none;
	}
	
}